<template>
    <div id="f89e9265bda664e809f2a7d2b517a558d">
        <h1>{{title}}</h1>
        <h2>{{oldMessage}}</h2>
        <h3>{{message}}</h3>
        <!--include next -->
        <oui-include url="/res_apps/test/includeNext/21.vue.html" ref="f64bd875c212b4f72b34f0e9383862c09" type="module" data="includeData"></oui-include>
    </div>
</template>
<script>
    exports = {
        data: function () {
            return {

                message:'第5个 art 组件显示',
                oldMessage:'第5个 art 组件显示',
                title:'Welcome to 5',
                includeData:this.includeData
            }
        },
        includeData:{
            message:''
        },
        mounted:function(){
            // art 无 $nextTick
            this.message="第5个 art 组件 mounted"+",耗用时间:"+(new Date()-oui.router.startTime)+"ms";
        }
    }
</script>

<style>
    #f89e9265bda664e809f2a7d2b517a558d {
        font-size: 12px;
        color:#5ac994;
        background:#df8a87;
    }
</style>

